<%-- 
    Document   : RRHH_PLANILLA_CELULARES
    Created on : 13-ene-2015, 17:23:19
    Author     : equipo_4
--%>

<%@page import="java.util.GregorianCalendar"%>
<%@page import="java.util.Calendar"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>BROKER</title>
        <link rel="stylesheet" href="../css/NuevoStilo.css">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
    </head>
    <body>
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
            Conexion con = new Conexion(usuario.getPASSWORD(), usuario.getPASSWORD()); 
            Calendar c = new GregorianCalendar();
            int ano = c.get(Calendar.YEAR);
            int mes = c.get(Calendar.MONTH)+1;
        %>
        <div id="tituloFormulario">PLANILLA DE LINEAS CORPORATIVAS</div>      
        <div style="margin-top: -58px;position: fixed;" id="entreperiodo">
            <span class="negrillaenter">Periodo</span>
            <input type="text" id="año" placeholder="AÑO" class="chico">
            <select id="mes" >                                            
                <option value="1">ENERO</option>
                <option value="2">FEBRERO</option>
                <option value="3">MARZO</option>
                <option value="4">ABRIL</option>
                <option value="5">MAYO</option>
                <option value="6">JUNIO</option>
                <option value="7">JULIO</option>
                <option value="8">AGOSTO</option>
                <option value="9">SEPTIEMBRE</option>
                <option value="10">OCTUBRE</option>
                <option value="11">NOVIEMBRE</option>
                <option value="12">DICIEMBRE</option>
            </select>
        </div>       
        <div class="centrado" id="eventos">
            <form id="form">
                
                
            </form>
            <button type="button" onclick="pagar();" id="pagar">PAGAR</button>            
        </div>
        
        <script type="text/javascript">
            var url = "../RRHH_PLANILLA_LINEAS_CORP_CONTROLLER";                        
            var ano = <%out.print(ano);%>;
            var mes= <%out.print(mes);%>;            
            
            $("#mes").change(function (){
                mes = $(this).find("option:selected").val();
                llenartabla(ano,mes);
            });                      
            
            $("#año").keyup(function(e){
                if(e.keyCode==13){
                     ano = $(this).val();
                     llenartabla(ano,mes);
                }
            });                   
            
            $(document).ready(function (){
                $("#año").val(ano);
                $("#mes option[value="+mes+"]").attr("selected","selected");                
                llenartabla(ano,mes);
            });
            
          
            
            function pagar()
            {
               var formData = new FormData($("#form")[0]);
                $.ajax({
                    url: url,
                    type: 'POST',
                    data:  formData,
                    mimeType:"multipart/form-data",
                    contentType: false,
                    cache: false,
                    processData:false,
                    success: function(data, textStatus, jqXHR)
                    {
                        if(data!=="false")
                        {
                            alert("Cambios guardados!!");
                        }
                        else
                            alert("No se logro insertar correctamente.");
                            
                    },
                    error: function(jqXHR, textStatus, errorThrown)
                    {
                         alert("No se logro insertar correctamente.");
                    }         
                });
            }
            
            function llenartabla(ano,mes)
            {
                $.post(url,{evento:"llenartabla",ano:ano,mes:mes},function(resp){
                    $("#form").html(resp);
                });
            }
            
        </script>
    </body>
</html>
